<template>
	<div class="container">
		<div class="link_1" @click="openLink('http://www.vtron.com')">威创集团股份有限公司</div>
		<div class="link_2" @click="openLink('http://www.vtronedu.com')">威创集儿童成长平台</div>
		
		<div class="remark_1">北京童语教育咨询有限公司 版权所有</div>
		<div class="remark_2">京ICP备19028689号-1</div>
		
		<!--<div class="privacy" @click="openLink('./static/page/user_agreement.html')">
			用户协议
		</div>-->
		<div class="privacy" >
			<span @click="openLink('./static/page/user_agreement.html')">用户协议</span>
			|
			<span @click="openLink('./static/page/privacy_policy.html')">隐私条款</span>
		</div>
	</div>
</template>

<script>
export default {
	methods : {
		openLink : function(url) {
			window.open(url);
		}
	}
}
</script>

<style scoped>
	.container {
		position: relative;
		height: 1rem;
		padding-top: 0.14rem;
		background: rgb(222,248,237);
		text-align: center;
		/*outline: 1px solid red;*/
	}
	.link_1,.link_2 {
		display: inline-block;
		height: 0.25rem;
		line-height: 0.25rem;
		text-align: left;
		font-size: 0.16rem;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}
	.link_1 {
		background: url(../../assets/img/common/vtron1.png)
					no-repeat left center/ 0.96rem 0.17rem;
		padding-left: 1.06rem;
		margin-right: 0.5rem;
	}
	.link_2 {
		background: url(../../assets/img/common/vtron2.png)
					no-repeat left center/ 0.63rem 0.19rem;
		padding-left: 0.73rem;
	}
	
	.remark_1,.remark_2 {
		font-size: 0.14rem;
		line-height: 0.2rem;
		color: rgb(15,15,15);
	}
	.remark_1 {
		margin-top: 0.1rem;
	}
	.privacy {
		position: absolute;
		font-size: 0.14rem;
		top: 0.53rem;
		left: calc(50% + 5rem);
	}
	.privacy span {
		cursor: pointer;
		text-decoration: underline;
	}
</style>